/*排版分布*/

.justify-content-center{/*左右居中*/
    display: flex;
    justify-content: center;/*左右居中*/
}

.justify-content-right{/*左右居右*/
    display: flex;
    justify-content: right;/*左右居右*/
}

.align-items-center{/*上下居中*/
    display: flex;
    align-items: center;/*上下居中*/
}

.align-items-end{
    display: flex;
    align-items: end
}/*底部对齐*/

.justify-content-space-between{/*左右分布对齐*/
    display: flex;
    justify-content: space-between;
}


.justify-content-start{
    display: flex;
    justify-content: start;/*居左对齐*/
}


/*自动换行分布*/
.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}


/*文本*/
.text-align-right{
    text-align: right;/*文本居右对齐*/
}


.text-align-center{
    text-align: center;
}

.text-align-left{
    text-align: left;/*文本居左对齐*/
}




/*宽度*/




.width-200{
    width: 200px;
}


.width-300{
    width: 300px;
}

.width-900{
    width: 900px;
}



.width-500{
    margin: 0 0 0 20px;
    width: 500px;
}




/*边框*/



.border-red{
    border:red solid 1px;
}


.border-yellow{
    border:yellow solid 1px;
}

.border-black{
    border:black solid 1px;
    width: 200px;
    height: 70px;

}

.border-top{
    border-top: black 1px solid;
    width: 300px;
}



.border-bottom-dashed{
    border-bottom: black dashed 1px;

    margin: 20px 0px 10px 0px;
}


.border-lift{
    background-color: #e1e1e1;
    padding: 10px 20px 10px 20px;
    margin: 0px 0px 3px 0px;
    font-size: 10px;
}

.border-min{
    border: coral solid 1px;
    padding: 2px 2px 2px 2px;
    margin: 10px 3px 10px 3px;
    font-size: 10px;
}






.title{
    background-color: rgb(250 250 250);
    height: 70px;
    width: 130px;
    margin: 0px 0px 40px 0px;
}



.many-over-one{
    border: black solid 5px;
    width: 40px;
    height: 20px;
    /*单行溢出*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

/*三行溢出*/
.many-over-three{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/*二行溢出*/
.many-over-two{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}




/*段落换行*/

.white-space-pre-wrap{
    white-space: pre-wrap;
}


/*字体加粗*/
.font-weight-bold{
    font-weight: bold;
}


.chinese{
    font-size: 20px;
    margin: 30px 0px 0px 0px;
    font-weight: bold;
}

.english{
    font-size: 20px;
    margin: 0px 0px 20px 0px;
    color: #8c8c8c;
}





.text-type-one{
    font-size: 15px;
    margin: 0px 0px 3px 0px;
}

.text-type-two{
    font-size: 10px;
    color: #bbbbbb;


}


/*margin*/

.margin-top-button{
    margin: 20px 0px 20px 0px;
}

.margin-button{
    margin: 0px 0px 10px 0px;
}


.margin-10{
    margin: 0px 10px 10px 10px;
}


